草庐IT

html - 影响 div :hover with another div

全部标签

javascript - 位置 div 取决于距离浏览器边缘(javascript)

我正在尝试创建一个主要依赖于css的小工具提示脚本。我无法弄清楚的一点是如何根据div到浏览器边缘的距离来定位div。当div出现时,我希望它检查它与顶部、底部、左侧和右侧的距离。例如,如果没有足够的空间来显示工具提示链接上方的div,则应将其放置在链接下方。基本上我希望div能够“意识到”它的位置并知道去哪里以确保它可见。谢谢 最佳答案 我只需要自己编写非常相似的代码,用于tipsy(所以我的解决方案使用jQuery)。这是基本数学,假设...是您正在使用的div。在测量到右边缘和底部边缘的距离时,我也会考虑div的高度和宽度。d

javascript - Fancybox 弹出窗口 + JSVideo HTML5 视频 - 为什么我失去了控制权?

我正在使用JQuery插件Fancybox和JSVideo,最终我希望通过fancybox弹出视频并在该弹出窗口中播放HTML5视频我有这个工作-唯一的问题是视频控件不是我所期望的...它没有jsvideo控件..我不知道它是一个fancybox还是一个css东西,或两者兼而有之html很简单——它是一个指向javascript的缩略图javascript看起来像这样:$(document).ready(function(){$("a.fancyvideo5").click(function(){varurl=$(this).attr('name');$.fancybox({'padd

javascript - 使用 jQuery 对同级 <div> 进行排序

我正在为与二年级数学而不是编程更多相关的问题而苦恼。这里是:四个元素一个接一个地水平放置。单击其中一个时,脚本会将其放在前面。你点击另一个,它也放在前面,等等。你得到了图片。现在,我想做的是对剩余的进行排序。使用原始顺序的元素(除第一个之外的所有元素)。也许这张照片会让事情变得清晰:在第3步之后,C应该放在B之后,所以它应该是这样的:DABC.这是一个示例代码:mixit.insidebox{width:50px;height:50px;line-height:50px;margin:00020px;text-align:center;float:left;border:blackso

javascript - 使用 JavaScript 或 jQuery,如何在 <img> 或 <div> 元素中特别是鼠标移动的地方获取 RGB 颜色

我有一张图片,.无论何时何地移动鼠标光标,我都试图获得RGB颜色。如何使用jQuery或纯JavaScript执行此操作?例如:http://www.script-tutorials.com/demos/158/index.html跟进(用于复制粘贴测试):headScript();?>$(document).ready(function(){varimage=newImage();varctx=$('#panel')[0].getContext("2d");/*Loadthepictureempty.jpg*/image.onload=function(){ctx.drawImage

javascript - 使用 Underscore.js 在 html 属性中插入

我正在使用Backbone.js、Underscore.js、HAML和Coffeescript构建应用程序。我遇到的问题是让变量插入到html元素属性中。%tr%td%input{:type=>'checkbox',:name=>"documents[]",:value=>""}%td%td对象的值在中正确显示,但不在输入的值属性内。是否可以在元素的属性内部进行插值?我找不到解决方案。谢谢 最佳答案 这个问题的解决方案是使用HAML的:escape_attrs选项。Haml::Engine.new(template,:escape

javascript - HTML5 样板页面特定的 Javascript 放置

问题如果您使用单个javascript文件来保存所有脚本,那么您将只用于一个页面的脚本放在哪里?背景这可能是一个意见或“最佳实践”问题,但我对其他人的意见很感兴趣:我正在使用html5Boilerplate在一个项目上。他们recommend为了速度和一致性,您将所有javascript放在一个文件script.js中。似乎有道理。但是,我有一些只与单个页面相关的地理定位脚本,与其他页面无关。我是否应该打破惯例,将此脚本放在我调用它所依赖的javascript库的页面下方?只需将对相关函数(位于script.js中)文件的调用放在它们所依赖的库的链接下方?谢谢!

javascript - 如何使用jquery从window.open js函数获取元素和html

我正在尝试打开这样的弹出窗口:$('#btn').click(function(){varpopup=window.open('mypage.php','_blank','width=500,height=500');vardom=popup.document.body;for(iindom){console.log(dom[i]);}});现在我想做的是从弹出窗口中获取html,并且还能够使用window.opener(打开弹出窗口的页面)中的jQuery函数附言。控制台打印了很多东西,但是没有html源。用这个试试:http://jsfiddle.net/JRqTy/提前致谢。

javascript - 是否可以在一个 html 文件中包含多个 require.js 项目?

我想做这样的事情:我可以只构建第一个文件,然后将构建js文件包含在/js/main中,但是如果能够同时对两个项目进行开发而不必一直构建,速度会快得多.现在,当我尝试这个时,mainD4构建,然后js/main文件没有任何反应。 最佳答案 刚在这里找到答案:https://groups.google.com/forum/?fromgroups#!topic/requirejs/YWFdgYSU2f4require(['scripts/another/main']);或(function(){varreq=require.config(

javascript - 是否有 '#' + div_id 的替代方案?

下面的函数有没有更好的写法?'#'+div_id在我看来是错误的。functionhide_div(div_id){$('#'+div_id).hide();} 最佳答案 如果您以某种方式反对字符串连接,那么您可以改为这样做:$(document.getElementById(div_id)).hide();您还可以传入完全限定的选择器,如下所示:hide_div("#divId");如果你想用vanillaJavascript来做,你可以这样做:document.getElementById(div_id).style.displ

javascript - CSS3 边框半径到 HTML5 Canvas

我试图在Canvas中重现CSS3边框半径。绘制圆Angular矩形很容易,但在CSS中,每个边框的值可能很高。例如:HTMLCSSdiv{height:50px;width:50px;position:absolute;top:10px;}.normal_radius{border:1pxsolidblack;border-radius:5px5px10px15px;left:10px;}.high_radius{border:1pxsolidred;border-radius:5000px500px100px150px;left:80px;}.high2_radius{border